<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>携程</title>
  <link rel="stylesheet" href="./css/base2.css" />
  <link rel="stylesheet" href="./css/index.css" />
</head>

<body>
  <!-- 头部 -->
  <header>
    <div class="search">搜索:目的地/酒店/景点/航班号</div>
    <div class="login">
      <i></i>
      <span>我的</span>
    </div>
  </header>
  <!--  -->
  <div class="banner">
    <img src="./upload/focus.jpg" alt="" />
  </div>
  <!-- 景点 -->
  <div class="cate">
    <ul>
      <li>
        <a href="">
          <i></i>
          景点玩乐
        </a>
      </li>
      <li>
        <a href="">
          <i></i>
          景点玩乐
        </a>
      </li>
      <li>
        <a href="">
          <i></i>
          景点玩乐
        </a>
      </li>
      <li>
        <a href="">
          <i></i>
          景点玩乐
        </a>
      </li>
      <li>
        <a href="">
          <i></i>
          景点玩乐
        </a>
      </li>
      <li>
        <a href="">
          <i></i>
          景点玩乐
        </a>
      </li>
      <li>
        <a href="">
          <i></i>
          景点玩乐
        </a>
      </li>
      <li>
        <a href="">
          <i></i>
          景点玩乐
        </a>
      </li>
      <li>
        <a href="">
          <i></i>
          景点玩乐
        </a>
      </li>
      <li>
        <a href="">
          <i></i>
          景点玩乐
        </a>
      </li>
    </ul>
  </div>
  <!-- 酒店 -->
  <div class="main_row">
    <div class="row">
      <div class="col">
        <a href="">酒店</a>
      </div>
      <div class="col">
        <a href="">海外酒店</a>
        <a href="">特价酒店</a>
      </div>
      <div class="col">
        <a href="">团购</a>
        <a href="">民宿.客栈</a>
      </div>
    </div>
    <div class="row">
      <div class="col">
        <a href="">酒店</a>
      </div>
      <div class="col">
        <a href="">海外酒店</a>
        <a href="">特价酒店</a>
      </div>
      <div class="col">
        <a href="">团购</a>
        <a href="">民宿.客栈</a>
      </div>
    </div>
    <div class="row">
      <div class="col">
        <a href="">酒店</a>
      </div>
      <div class="col">
        <a href="">海外酒店</a>
        <a href="">特价酒店</a>
      </div>
      <div class="col">
        <a href="">团购</a>
        <a href="">民宿.客栈</a>
      </div>
    </div>
  </div>
  <!-- 热卖活动 -->
  <div class="hot">
    <div class="hot_header">
      <h2></h2>
      <a href="#" class="more">获取更多福利<b>&gt;</b></a>
    </div>
    <div class="hot_min">
      <ul>
        <li><a href="#"><img src="./upload/pic1.jpg" alt=""></a></li>
        <li><a href="#"><img src="./upload/pic2.jpg" alt=""></a></li>
        <li><a href="#"><img src="./upload/pic3.jpg" alt=""></a></li>
        <li><a href="#"><img src="./upload/pic4.jpg" alt=""></a></li>
        <li><a href="#"><img src="./upload/pic5.jpg" alt=""></a></li>
        <li><a href="#"><img src="./upload/pic6.jpg" alt=""></a></li>
      </ul>
    </div>
  </div>
</body>

</html>